{% extends 'ZillaStoreBundle::layout.html.twig' %}

{% block stylesheets %}       
    {{ parent() }}
    {% stylesheets
    '@ZillaStoreBundle/Resources/public/css/myStore.css'
    output='css/compiled/store.css' filter='cssrewrite,?yui_css'
    %}
    <link rel="stylesheet" type="text/css" media="all" href="{{ asset_url }}" />
    {% endstylesheets %}
{% endblock %}
    
{% block javascripts %} 
    {{ parent() }}
    {% javascripts 
    '@ZillaStoreBundle/Resources/public/js/myStore.js'
     output='js/compiled/wink.js' filter='?yui_js'
    %}               
    <script src="{{ asset_url }}"></script>        
    {% endjavascripts %}   
{% endblock %}

{% block content %}
<div id="themeContainer" class="list-themes">
    {% for key , theme in themes %}
        {% if (key % 3 == 0) %}
            <div  class="row-list-item" id="row-{{key/3}}">
        {% endif %}
            <div class="theme-element">
                <div class="{{ theme.name }}"></div>
            </div>
        {% if ((key % 3 == 2) or key == loop.length - 1)  %}        
            </div>
        {% endif %}
     {% endfor %}       
</div>
<form action="{{ path('editStore', { 'alias': store.alias }) }}" method="post" {{ form_enctype(form) }}>
    {{ form_widget(form) }}
    <button>edit</button>
</form>
{% endblock %}